import Vue from "vue";
import Vuex from 'vuex';
import state from '@/vuex/state';
import mutations from '@/vuex/mutations';
import actions from '@/vuex/actions';
import getters from '@/vuex/getters';
//引入vuex-along 将state中的数据存到localStorge或sessionStorage中
import VueXAlong from 'vuex-along';

Vue.use(Vuex);

export default new Vuex.Store({
    state,
    mutations,
    actions,
    getters,
    plugins:[VueXAlong({
        name:"along",//存到localStorage或sessionStorage中数据的名字
        loacl:false,//代表数据不在localStorage中存
        session:{list:[],isFilter:true}//代表将数据存到sessionStorage中
    })]
    
})
/**
 * 1、vuex存储数据，当刷新页面 会出现数据丢失的现象，如何解决？
 * 使用插件，本质上是将收集到的数据存储到localStorage或sessionStorage中。
 * 
 * 可使用的插件有 vuex-along 、 vuex-persistedstate 、 vuex-persist
 * 
 * 2、vuex-along的使用方法
 *  （1）下载包  npm i -S vuex-along;
 *  （2）引入   
 *              在store.js文件中  import VueXAlong from 'vuex-along';
 *  （3）配置pligins
 *      plugins:[VueXAlong({
            name:"along",//存到localStorage或sessionStorage中数据的名字
            loacl:false,//代表数据不在localStorage中存
            session:{list:[],isFilter:true}//代表将数据存到sessionStorage中
        })]
 */